{% extends "base.html" %}
{% block page_content %}
    <div class="container big">
  <div id="content">
    <div class="inside">
      <div align="center"> <img src="static/img/scoreboard.png" alt="Scoreboard"> </div><br>
      <div class="alert alert-info">
        <center><strong>With the same score, the winner is who submit the task first !! </strong></center>
<br>
<table class="table">
            <thead>
              <tr>
                <td><strong>Rank</strong> </td>
                <td><strong>Name </strong></td>
                <td><strong>Score</strong></td>
		            <td><strong>Winner</strong></td>
              </tr>
            </thead>
            <tbody>
                 {% for user in users %}
                <tr>
                  <td>{{ rank(user.username) }}</td>
                  <td>{{ user.username }}</td>
                  <td>{{ user.score }}</td>
		  {% if user.lastSubmit == winnertime %}
		  <td> The Winner </td>
		  {% else %}
                    <td> </td>
		 {% endif %}
                </tr>
                {% endfor %}
            </tbody>
          </table>

      </div>
      <p></p><br><br>
    </div>
  </div>
{% endblock %}
